.layout-container {
  height: 100vh;

  .layout-sidebar {
    width: $layout_sidebar_width;
    color: #fff;
    background-color: $layout_sidebar_bgcolor;
    transition: width 0.2s;
  }

  .layout-tabbar {
    height: $layout_tabbar_height;
    background-color: $layout_tabbar_bgcolor;
  }

  .layout-main {
    height: calc(100vh - $layout_tabbar_height);
    padding: $layout_main_padding;
    background-color: $layout_main_bgcolor;
  }

  .main-content {
    min-height: 100%;
    padding: 16px;
    background-color: $layout_main_content_bgcolor;
  }
  // 收起状态
  &.collapse {
    .layout-sidebar {
      width: $layout_sidebar_close_width;
    }

    .web-title {
      opacity: 0 !important;
    }

    .el-menu-item {
      width: $layout_sidebar_close_width !important;
      padding: 0;

      .el-icon {
        margin: auto !important;
      }
    }

    .el-sub-menu__title {
      padding: 0;

      .el-icon {
        margin: auto !important;
      }
    }

    .el-menu {
      width: $layout_sidebar_close_width !important;
    }
  }
}

// 滚动条
::-webkit-scrollbar {
  width: 10px;
  background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 8px;
}
